/* some-common-style */
/* fit different browser */
header, section, footer {
	display: block;
}
body, .nav-log, nav, .nav-list {
	margin: 0;
	padding: 0;
	border: none;
}
* {
	border: 1px solid red;
}
a {
	text-decoration: none;
}
/* site-header */
.header{
	padding: 1em calc(50% - 450px) 0;
	border: 1px solid red;
}
.nav-log {
	line-height: 50px;
	display: inline-block;
}
.nav {
	float: right;
	border: 1px solid #ff0;
}
.nav-list {
	border: 1px solid blue;
}
.nav-list>li {
	display: inline-block;
	border: 1px solid red;
	line-height: 50px;
	margin: 0 10px;
}
@media screen and (max-width: 900px) {
	.nav-log,
	.nav-list>li {
		display: inline;
		width: 100%;
	}
}
/* section-common-style */
/* section-banner */
/* section-practice */
/* section-blog */
/* section-project */
/* section-contactus */
/* footer */